<template>
    <div>
        <div>热门搜索</div>
        <van-button round type="info" 
            class="but"
            v-for="item in SearchList" :key="item.id"
        >
            {{ item.first }}
        </van-button>
        <!-- <van-cell title="单元格" 
        icon="location-o" 
        
        
        /> -->
    </div>
</template>

<script>
import evetBus from '../../../../../../event-bus'
export default {
     computed: {
         SearchList() {
             return evetBus.SearchList
         }
     },
     created () {
         evetBus.$emit('updateSearchHotList')
         console.log(evetBus.SearchList);
     },
     methods:{
         fn () {
             console.log(evetBus.SearchList);
         }
     }
}
</script>

<style scoped>
    .but {
        background-color: #FFF;
        border: 1px solid #ccc;
        color:#000;
        margin-top:8px;
    }
</style>